<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Layui</title>
<!-- 项目基准路径 -->
<base href="/bestinc/" />
<link rel="stylesheet" href="static/layui/css/layui.css" media="all">
<script src="static/js/jquery.min.js" type="text/javascript"
	charset="utf-8"></script>
<script src="static/layui/layui.js" type="text/javascript"
	charset="utf-8"></script>
<script src="static/js/system/myPanels/mydata.js" type="text/javascript"
	charset="utf-8"></script>
<style type="text/css">

 
.dvi1 {
	width: 29%;
}

.dvi2 {
	width: 70%;
	right: 0px;
}
.maxDiv{
	width: 98%;
	margin: 10px auto 0px;
	position: relative;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
	.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
	.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
	.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.pr5 {
	padding-right: 5px;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block;
}

.section-content {
	min-height: 250px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 5px 5px 5px;
	/* width: 100%; */
	height: 100%;
	position: absolute;
}

body {
	margin: 0;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4285;
	color: #333;
	background-color: #fff;
}

body {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #676a6c;
	overflow-x: hidden;
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
	height: 100%;
}

.ibox-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: #e7eaec;
	-webkit-border-image: none;
	-o-border-image: none;
	border-image: none;
	border-style: solid solid none;
	border-width: 0px 0px 0;
	color: inherit;
	margin-bottom: 0px;
	padding: 14px 15px 7px;
	min-height: 40px;
}

.gray-bg {
	background-color: #f3f3f4;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.ibox {
	clear: both;
	margin-bottom: 25px;
	margin-top: 0px;
	padding: 0;
}

.ibox {
	margin-bottom: 25px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 100%;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.dashboard-header {
	border-top: 0;
	padding: 20px 20px 20px 20px;
}

.ibox-title-gray {
	height: 41px;
	background-color: #f0f3f4;
	color: #333;
	font-weight: 700;
	border-radius: 2px 2px 0 0;
	padding: 13px !important;
	border-bottom: 1px solid #eee;
	display: block;
	clear: both;
}

.ibox-content {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 20px 20px;
	border-color: #e7eaec;
	-webkit-border-image: none;
	-o-border-image: none;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px;
}

.ibox-content {
	clear: both;
}

.text-center {
	text-align: center;
}

ol, ul {
	margin-top: 0px;
	margin-bottom: 10px;
}

.list-group {
	padding-left: 0px;
	margin-bottom: 20px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.list-group-item {
	background-color: inherit;
	border: 1px solid #e7eaec;
	display: block;
	margin-bottom: -1px;
	padding: 10px 15px;
	position: relative;
}

:first-child.list-group-item {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

:last-child.list-group-item {
	margin-bottom: 0px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.list-group-striped>.list-group-item {
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	padding-left: 0px;
	padding-right: 0px;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

b, strong {
	font-weight: 700;
}

.font-noraml {
	font-weight: 400;
}

p {
	margin: 0 0 10px;
}

.pull-right {
	float: right !important;
}

.pull-right {
	float: right;
}

a {
	background-color: transparent;
}

a {
	color: #337ab7;
	text-decoration: none;
}

a {
	cursor: pointer;
}

img {
	border: 0;
}

img {
	vertical-align: middle;
}

.img-circle {
	border-radius: 50%;
}

.img-circle {
	border-radius: 50%;
}

.img-lg {
	width: 120px;
	height: 120px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.h4, .h5, .h6, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.h5, h5 {
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}

h5 {
	font-size: 12px;
}

h3, h4, h5 {
	margin-top: 5px;
	font-weight: 600;
}

.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4,
	.ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3,
	.ibox-title h4, .ibox-title h5 {
	margin-top: 5px;
}

.ibox-title h5 {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	text-overflow: ellipsis;
	float: left;
}

.dashboard-header h5 {
	padding: 8px 0 0 0;
	display: inline-block;
	font-size: 14px;
	text-overflow: ellipsis;
	float: left;
	font-weight: 400;
}

.ibox-title-gray h5 {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	text-overflow: ellipsis;
	float: left;
}
</style>
</head>
<body class="gray-bg"
	style="font: 14px Helvetica Neue, Helvetica, PingFang SC, 微软雅黑, Tahoma, Arial, sans-serif !important;">
	<div class="maxDiv">
	<section class="section-content dvi1">
		<div class="row">
			<div class="col-sm-3 pr5">
            <div class="ibox float-e-margins">
                <div
						class="ibox-title ibox-title-gray dashboard-header gray-bg">
                    <h5>个人资料</h5>
                </div>
                <div class="ibox-content" id="grzl">
                    <div class="text-center">
                        <p>
								<img class="img-circle img-lg loginHeadImage" id="demo1" data-src="" src="" >
							</p>
                        <p>
								<a class="layui-upload-img" id="test1">修改头像</a>
								 <p id="demoText"></p>
							</p>
                    </div>
                    <ul class="list-group list-group-striped">
                        <li class="list-group-item"><i
								class="fa fa-user"></i>
                            <b class="font-noraml"><i class="layui-icon">&#xe66f; 用户名字：</i></b>
                            <p class="pull-right" id="loginUserName">123</p>
                        </li>
                        <li class="list-group-item"><i
								class="fa fa-phone"></i>
                            <b class="font-noraml"><i class="layui-icon">&#xe63b; 手机号码：</i></b>
                            <p class="pull-right" id="loginUserPhone"></p>
                        </li>
                        <li class="list-group-item"><i
								class="fa fa-group"></i>
                            <b class="font-noraml"><i class="layui-icon">&#xe664; 用户性别：</i></b>
                            <p class="pull-right" id="loginUserSex"></p>
                        </li>
                        <li class="list-group-item"><i
								class="fa fa-envelope-o"></i>
                            <b class="font-noraml"><i class="layui-icon">&#xe770; 所属组织：</i></b>
                            <p class="pull-right" id="loginOrgName"></p>
                        </li>
                        <li class="list-group-item"><i
								class="fa fa-calendar"></i>
                            <b class="font-noraml"><i class="layui-icon">&#xe63c; 出生日期：</i></b>
                            <p class="pull-right" id="loginUserBirthdate"></p>
                        </li>
                         <li class="list-group-item"><i
								class="fa fa-calendar"></i>
                            <b class="font-noraml"><i class="layui-icon">&#xe63c; 入职日期：</i></b>
                            <p class="pull-right" id="loginUserHiredate"></p>
                        </li>
                        <li class="list-group-item"><i
								class="fa fa-calendar"></i>
                            <b class="font-noraml"><i class="layui-icon">&#xe600; 用户状态：</i></b>
                            <p class="pull-right" id="loginUseable"></p>
                        </li>
                        <li class="list-group-item"><i
								class="fa fa-calendar"></i>
                            <b class="font-noraml"><i class="layui-icon">&#xe60b; 创建时间：</i></b>
                            <p class="pull-right" id="loginCrateTime"></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
		</div>
	</section>
	<section class="section-content dvi2">
		<div class="row">
			<div class="col-sm-3 pr5">
            <div class="ibox float-e-margins">
                <div
							class="ibox-title ibox-title-gray dashboard-header gray-bg">
                    <h5>修改资料</h5>
                </div>
                <div class="ibox-content">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  <ul class="layui-tab-title">
    <li class="layui-this">基本资料</li>
    <li>修改密码</li>
    
  </ul>
  <div class="layui-tab-content" style="height: 100%; width: 100%">
    <div class="layui-tab-item layui-show">
                <form id="jbzl" class="layui-form layui-form-pane" action="">
                <input type="hidden" name="_method" value="PUT"/>
                <input name="userId" class="layui-input userId" type="hidden" autocomplete="off">
                <input name="userPhone" class="layui-input userPhone" type="hidden" autocomplete="off">
                <input name="orgName" class="layui-input orgName" type="hidden" autocomplete="off">
                <input name="orgId" class="layui-input orgId" type="hidden" autocomplete="off">
                <input name="headImage" class="layui-input headImage" type="hidden" autocomplete="off">
                <input name="useable" class="layui-input userUseable" type="hidden" autocomplete="off">
                <input name="description" class="layui-input description" type="hidden" autocomplete="off">
                	<div class="layui-form-item">
   					 	<label class="layui-form-label">用户名字</label>
    					<div class="layui-input-block">
      					<input name="userName" class="layui-input userName" type="text" placeholder="请输入用户名字" autocomplete="off" lay-verify="title">
   						</div>
 				 	</div>
 				 	<div class="layui-form-item">
   					 	<label class="layui-form-label">用户性别</label>
    					<div class="layui-input-block">
      					<input name="useSex" class="layui-input useSex" type="text"  autocomplete="off" lay-verify="title">
   						</div>
 				 	</div>
 				 	<div class="layui-form-item">
   					 	<label class="layui-form-label">出生日期</label>
    					<div class="layui-input-block">
      					<input name="userBirthdate" class="layui-input userBirthdate updateUserBirthdate" type="text"  autocomplete="off" lay-verify="title">
   						</div>
 				 	</div>
 				 	<div class="layui-input-block">
			      <button type="submit" class="layui-btn my-bg-green layui-btn-sm" lay-submit="" lay-filter="updateUserBtn"><i class="layui-icon">&#xe642;修改</i></button>
			    </div>
                </form>
    	
    </div>
    <div class="layui-tab-item">
    	
    	<form class="layui-form layui-form-pane" id="passwordBtn" action="">
                <input type="hidden" name="_method" value="PUT"/>
                <input name="userId" class="layui-input userId" type="hidden" autocomplete="off">
                	<div class="layui-form-item">
   					 	<label class="layui-form-label">旧密码</label>
    					<div class="layui-input-block">
      					<input name="oldPassword" class="layui-input" type="password" placeholder="请输入旧密码" autocomplete="off" lay-verify="required|pass|oldPassword">
   						</div>
 				 	</div>
 				 	<div class="layui-form-item">
   					 	<label class="layui-form-label">新密码</label>
    					<div class="layui-input-block">
      					<input name="newPassword" class="layui-input newPassword" type="password" placeholder="请输入新密码"  autocomplete="off" lay-verify="required|pass">
   						</div>
 				 	</div>
 				 	<div class="layui-form-item">
   					 	<label class="layui-form-label">确认密码</label>
    					<div class="layui-input-block">
      					<input name="confirmPassword" class="layui-input " type="password" placeholder="请再次输入新密码" autocomplete="off" lay-verify="required|pass|confirmPassword">
   						</div>
 				 	</div>
 				 	<div class="layui-input-block">
			      <button type="submit" class="layui-btn my-bg-green layui-btn-sm" lay-submit="" lay-filter="updatePasswordBtn"><i class="layui-icon">&#xe642;修改</i></button>
			    </div>
                </form>
    </div>
  </div>
</div> 
        </div>
            </div>
        </div>
		</div>
	</section>
	</div>
</body>
</html>
	
</body>
</html>